/* Font Styles */

@font-face {
    font-family: "Inter Regular";
    src: url("/fonts/Inter-Regular.ttf");
}

@font-face {
    font-family: "Inter Medium";
    src: url("/fonts/Inter-Medium.ttf");
}

@font-face {
    font-family: "Inter Bold";
    src: url("/fonts/Inter-Bold.ttf");
}

@font-face {
    font-family: "Inter SemiBold";
    src: url("/fonts/Inter-SemiBold.ttf");
}

@font-face {
    font-family: "Inter Black";
    src: url("/fonts/Inter-Black.ttf");
}

@font-face {
    font-family: "Mazzard Bold";
    src: url("/fonts/MazzardSoftM-Bold.otf");
}

/* Colors Settings */

:root {
    /* Main Colors */
    --primary: #2e40ff;
    --secondary: #091e42;
    --primaryBlue: #2e40ff;
    --secondaryBlue: #091e42;
    --tertiaryBlue: #0f2c64;
    --lightBlue: #2072ff;
    /* Status Colors */
    --success: #28ad00;
    --danger: #c90000;
    --warning: #ff8d2a;
    --present: #021384;
    --absent: #dc3545;
    /* Grey Variations */
    --backgroundGrey: #fbfcff;
    --kickerGrey: #e5e7eb;
    --secondaryGrey: #f2f2f2;
    --textGrey: #717d92;
    --darkGrey: #4a4a4a;
    --theadGrey: #EDEDED;
    --grayishBlue: #a1b5cf;
    --lightGrayishBlue: #f5f7fa;
    /* Black */
    --black: #222222;
    /* Shadow */
    --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1),
        0 4px 6px -4px rgb(0 0 0 / 0.1);
    --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1),
        0 8px 10px -6px rgb(0 0 0 / 0.1);
    --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --shadow-all: 0px 0px 20px 1px rgba(0, 0, 0, 0.25);
}

/* Color Styles */

.c-blue {
    color: var(--primaryBlue);
}

.c-secondary {
    color: var(--secondary);
}

.c-secondaryBlue {
    color: var(--secondaryBlue);
}

.c-light {
    color: var(--lightBlue) !important;
}

.c-success {
    color: var(--success);
}

.c-primary {
    color: var(--primary) !important;
}

.c-danger {
    color: var(--danger) !important;
}

.c-warning {
    color: var(--warning);
}

.c-present {
    color: var(--present) !important;
}

.c-absent {
    color: var(--absent) !important;
}

.bg-grey {
    background-color: var(--backgroundGrey);
}

.bg-custom-secondary {
    background-color: var(--secondary);
}

.kk-grey {
    color: var(--kickerGrey);
}

.sc-grey {
    color: var(--secondaryGrey);
}

.txt-grey {
    color: var(--textGrey) !important;
}

.dk-grey {
    color: var(--darkGrey);
}

/* Other Colors */

.c-lgreen {
    color: #10b981;
}

.c-violet {
    color: #6366f1;
}

.c-lblue {
    color: #38bdf8;
}

.c-dblue {
    color: #147ad6;
}

.c-yellow {
    color: #fcdc2d;
}

/* Background Color styles */

.bg-blue {
    background-color: var(--primaryBlue);
}

.bg-white {
    background-color: white !important;
}

html {
    scroll-behavior: smooth;
}

body {
    padding: 0;
    margin: 0;
    overflow-x: hidden;
}

a {
    text-decoration: none;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

.btn-success {
    background-color: var(--success) !important;
    border-color: var(--success);
}

.box-shadow {
    box-shadow: var(--shadow);
}

.font-bold {
    font-family: "Inter Bold";
}

.font-black {
    font-family: "Inter Black";
}